<!DOCTYPE html>
<!-- saved from url=(0025)https://www.kuaishou.com/ -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="referrer" content="always">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="https://static.yximgs.com/s1/i/favicon-eb2e5f4482.ico" type="image/x-icon">
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.kuaishou.com/">
    <title>【圈记App】承载梦想，传递价值</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="{{ URL::asset('/') }}css/manifest-f6df3cfc.chunk.css" rel="stylesheet">
    <link href="{{ URL::asset('/') }}css//index-4e158b2e.css" rel="stylesheet">
    <style type="text/css">
        #xmt-collection,
        #xmt-collection-video {
            position: absolute;
            display: none;
            box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .2);
            font-family: PingFang SC, Source Sans Pro, Hiragino Sans GB, Helvetica Neue, Helvetica, Microsoft Yahei, arial, sans-serif;
            background: rgba(0, 0, 0, .6);
            height: 30px;
            line-height: 30px;
            color: #fff;
            border-radius: 4px;
            font-size: 0;
            z-index: 9999999;
            user-select: none;
            text-align: left;
            -webkit-font-smoothing: antialiased
        }

        #xmt-collection-video a,
        #xmt-collection-video div,
        #xmt-collection-video dl,
        #xmt-collection-video h1,
        #xmt-collection-video h2,
        #xmt-collection-video h3,
        #xmt-collection-video h4,
        #xmt-collection-video h5,
        #xmt-collection-video h6,
        #xmt-collection-video li,
        #xmt-collection-video ol,
        #xmt-collection-video p,
        #xmt-collection-video span,
        #xmt-collection-video ul,
        #xmt-collection a,
        #xmt-collection div,
        #xmt-collection dl,
        #xmt-collection h1,
        #xmt-collection h2,
        #xmt-collection h3,
        #xmt-collection h4,
        #xmt-collection h5,
        #xmt-collection h6,
        #xmt-collection li,
        #xmt-collection ol,
        #xmt-collection p,
        #xmt-collection span,
        #xmt-collection ul {
            padding: 0;
            margin: 0;
            color: #fff
        }

        #xmt-collection-video li,
        #xmt-collection li {
            list-style: none
        }

        #xmt-collection-video img,
        #xmt-collection img {
            border: 0
        }

        #xmt-collection-video a,
        #xmt-collection a {
            text-decoration: none;
            outline: none
        }

        #xmt-collection-video button,
        #xmt-collection-video input[type=submit],
        #xmt-collection button,
        #xmt-collection input[type=submit] {
            outline: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-appearance: none;
            border: 0
        }

        #xmt-collection-video a,
        #xmt-collection a {
            display: inline-block;
            cursor: pointer;
            padding-left: 12px;
            padding-right: 3px;
            height: 30px;
            color: #fff;
            line-height: 30px;
            font-size: 14px
        }

        #xmt-collection-video .collect-arrow,
        #xmt-collection .collect-arrow {
            position: relative;
            display: inline-block;
            width: 26px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            cursor: pointer;
            vertical-align: top;
            color: #fff
        }

        #xmt-collection-video .collect-arrow.active,
        #xmt-collection-video .collect-arrow.active:hover,
        #xmt-collection .collect-arrow.active,
        #xmt-collection .collect-arrow.active:hover {
            background-color: rgba(0, 0, 0, .7)
        }

        #xmt-collection-video .collect-arrow:hover,
        #xmt-collection .collect-arrow:hover {
            background-color: rgba(0, 0, 0, .5)
        }

        #xmt-collection-video .collect-arrow:after,
        #xmt-collection .collect-arrow:after {
            content: "";
            display: block;
            position: absolute;
            top: 9px;
            left: 8px;
            width: 0;
            height: 0;
            margin-top: 3px;
            border-style: solid;
            border-width: 5px;
            border-top-color: #fff;
            border-left-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent;
            vertical-align: middle
        }

        #xmt-collection-video .collect-menu,
        #xmt-collection .collect-menu {
            display: none;
            position: absolute;
            top: 36px;
            left: 0;
            background: rgba(0, 0, 0, .6);
            line-height: 30px;
            font-size: 14px;
            border-radius: 4px;
            box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .2);
            white-space: nowrap;
            color: #fff
        }

        #xmt-collection-video .collect-menu.show,
        #xmt-collection .collect-menu.show {
            display: block
        }

        #xmt-collection-video .collect-menu li,
        #xmt-collection .collect-menu li {
            padding: 0 15px;
            cursor: pointer;
            line-height: 30px;
            height: 30px;
            color: #fff
        }

        #xmt-collection-video a {
            padding: 0 12px
        }

        #xmt-collect-loading {
            font-family: PingFang SC, Source Sans Pro, Hiragino Sans GB, Helvetica Neue, Helvetica, Microsoft Yahei, arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            font-size: 14px;
            font-weight: 400;
            top: 20px;
            right: 0;
            display: inline-block;
            width: 260px;
            height: 70px;
            line-height: 70px;
            text-align: left;
            padding-left: 20px;
            color: #fff;
            background: #000;
            opacity: .8;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            text-decoration: none
        }

        #xmt-collect-loading a,
        #xmt-collect-loading div,
        #xmt-collect-loading dl,
        #xmt-collect-loading h1,
        #xmt-collect-loading h2,
        #xmt-collect-loading h3,
        #xmt-collect-loading h4,
        #xmt-collect-loading h5,
        #xmt-collect-loading h6,
        #xmt-collect-loading li,
        #xmt-collect-loading ol,
        #xmt-collect-loading p,
        #xmt-collect-loading span,
        #xmt-collect-loading ul {
            padding: 0;
            margin: 0;
            color: #fff;
            line-height: 70px
        }

        #xmt-collect-loading li {
            list-style: none
        }

        #xmt-collect-loading img {
            border: 0
        }

        #xmt-collect-loading a {
            text-decoration: none;
            outline: none
        }

        #xmt-collect-loading button,
        #xmt-collect-loading input[type=submit] {
            outline: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-appearance: none;
            border: 0
        }

        #xmt-collect-loading .xmt-tip-img {
            display: inline-block;
            height: 20px;
            width: 20px;
            margin-right: 10px;
            background-size: contain;
            vertical-align: middle
        }

        #xmt-collect-loading .xmt-tip-img.load {
            background-image: url()
        }

        #xmt-collect-loading .xmt-tip-img.succ {
            background-image: url()
        }

        #xmt-collect-loading .xmt-tip-img.fail {
            background-image: url()
        }

        #xmt-articleCollect {
            font-family: PingFang SC, Source Sans Pro, Hiragino Sans GB, Helvetica Neue, Helvetica, Microsoft Yahei, arial, sans-serif;
            font-size: 14px;
            position: fixed;
            font-weight: 400;
            top: 100px;
            width: 280px;
            padding: 0 10px;
            height: 36px;
            background: #1b93fb;
            border-radius: 5px;
            color: #fff;
            text-align: center;
            line-height: 36px;
            left: 50%;
            margin-left: -135px;
            z-index: 9999999999
        }

        #xmt-articleCollect:before {
            content: "";
            display: inline-block;
            height: 18px;
            margin-top: -2px;
            width: 18px;
            background: url() no-repeat;
            background-size: contain;
            margin-right: 10px;
            vertical-align: middle
        }

        #xmt-articleCollect.xmt-collect-success {
            background: #1b93fb
        }

        #xmt-articleCollect.xmt-collect-success a {
            margin-left: 10px;
            color: #fff;
            opacity: .8;
            text-decoration: underline
        }

        #xmt-articleCollect.xmt-collect-success a:hover {
            color: #fff;
            background-color: #1b93fb;
            text-decoration: underline
        }

        #xmt-articleCollect.xmt-collect-success:before {
            content: "";
            display: inline-block;
            height: 18px;
            margin-top: -2px;
            width: 18px;
            background-image: url();
            background-repeat: no-repeat;
            background-size: contain;
            vertical-align: middle
        }

        #xmt-articleCollect.xmt-collect-fail {
            background-color: #f9576b
        }

        #xmt-articleCollect.xmt-collect-fail a {
            color: #1b93fb;
            margin: 0 4px;
            vertical-align: middle;
            text-decoration: underline
        }

        #xmt-articleCollect.xmt-collect-fail a:hover {
            color: #1b93fb;
            background-color: transparent
        }

        #xmt-collection-mask {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-family: PingFang SC, Source Sans Pro, Hiragino Sans GB, Helvetica Neue, Helvetica, Microsoft Yahei, arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            background-color: rgba(0, 0, 0, .5);
            text-align: left;
            z-index: 999999
        }

        #xmt-collection-mask a,
        #xmt-collection-mask div,
        #xmt-collection-mask dl,
        #xmt-collection-mask h1,
        #xmt-collection-mask h2,
        #xmt-collection-mask h3,
        #xmt-collection-mask h4,
        #xmt-collection-mask h5,
        #xmt-collection-mask h6,
        #xmt-collection-mask li,
        #xmt-collection-mask ol,
        #xmt-collection-mask p,
        #xmt-collection-mask span,
        #xmt-collection-mask ul {
            padding: 0;
            margin: 0
        }

        #xmt-collection-mask li {
            list-style: none
        }

        #xmt-collection-mask img {
            border: 0
        }

        #xmt-collection-mask a {
            text-decoration: none;
            outline: none
        }

        #xmt-collection-mask button,
        #xmt-collection-mask input[type=submit] {
            outline: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-appearance: none;
            border: 0
        }

        #xmt-collection-mask .collect-hide-hint {
            position: absolute;
            width: 250px;
            padding: 20px 15px;
            top: 50%;
            left: 50%;
            background: #fff;
            border-radius: 4px;
            margin-left: -125px;
            margin-top: -100px;
            font-size: 14px;
            color: #333;
            line-height: 1.7
        }

        #xmt-collection-mask .collect-hide-hint .collect-hint-title {
            margin-bottom: 10px;
            text-align: center
        }

        #xmt-collection-mask .collect-hide-hint .collect-hint-content {
            margin-bottom: 20px
        }

        #xmt-collection-mask .collect-hide-hint .collect-hint-content span {
            padding: 0 5px;
            color: #1b93fb
        }

        #xmt-collection-mask .collect-hide-hint .xmt-hint-button {
            display: block;
            width: 90px;
            height: 32px;
            line-height: 30px;
            margin-left: auto;
            margin-right: auto;
            border-radius: 3px;
            text-align: center;
            color: #fff;
            background-color: #1b93fb;
            cursor: pointer;
            font-size: 14px
        }

        #xmt-drop-area {
            position: fixed;
            left: 0;
            right: 0;
            bottom: -100px;
            height: 100px;
            max-height: 30vh;
            text-align: center;
            line-height: 100px;
            background: #006eff;
            transition: all .3s cubic-bezier(.6, 0, .4, 1);
            opacity: 0;
            font-family: PingFang SC, Source Sans Pro, Hiragino Sans GB, Helvetica Neue, Helvetica, Microsoft Yahei, arial, sans-serif;
            font-weight: 400
        }

        #xmt-drop-area .drop-hint {
            position: relative;
            color: #fff;
            font-size: 14px;
            line-height: 100px
        }

        #xmt-drop-area .drop-hint span {
            vertical-align: middle;
            line-height: 100px
        }

        #xmt-drop-area .drop-hint .drop-icon {
            background-image: url("https://static.xmt.cn/img/73a280319a9c48f6a663825e580dcc7d.png")
        }

        #xmt-drop-area .drop-hint .drop-icon,
        #xmt-drop-area .drop-hint .phone-icon {
            display: inline-block;
            margin-right: 12px;
            width: 18px;
            height: 18px;
            vertical-align: middle;
            background-repeat: no-repeat;
            -webkit-background-size: contain;
            background-size: contain
        }

        #xmt-drop-area .drop-hint .phone-icon {
            background-image: url("https://static.xmt.cn/img/2406a9fdcf2d417d822dd1582d7ad38c.png");
            position: relative;
            top: 2px
        }

        #xmt-drop-area-hightlight {
            border: 1px dashed hsla(0, 0%, 100%, .3);
            transition: all .2s ease;
            float: left;
            display: inline-block;
            height: 78px;
            width: 47%;
            margin-top: 10px;
            margin-left: 2%
        }

        #xmt-collect-text {
            position: fixed;
            z-index: 999999;
            bottom: 50px;
            left: 50%;
            margin-left: -112px;
            width: 270px;
            background-color: #fafafa;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);
            border: 1px solid #e8e8e8;
            border-radius: 2px;
            font-size: 12px;
            color: #333;
            padding: 8px 0
        }

        #xmt-collect-text span {
            display: inline-block;
            width: 108px;
            text-align: center;
            cursor: pointer
        }

        #xmt-collect-text .send_phone,
        #xmt-collect-text .text_collect {
            border-right: 1px solid #ddd
        }

        #xmt-collect-text .send_phone:before {
            background: url(https://static.xmt.cn/img/a99975b68e434ce29602f0f9229de929.png) no-repeat;
            background-size: contain
        }

        #xmt-collect-text .send_phone:before,
        #xmt-collect-text .text_collect:before {
            content: "";
            display: inline-block;
            height: 14px;
            width: 14px;
            vertical-align: middle;
            margin-right: 5px
        }

        #xmt-collect-text .text_collect:before {
            background: url(https://static.xmt.cn/img/8f5f25d8664a45c4bc0afd39650b14a0.png) no-repeat;
            background-size: contain;
            position: relative;
            top: -1px
        }

        #xmt-collect-text .collect_setting {
            padding: 0 10px
        }

        #xmt-collect-text .collect_setting:before {
            content: "";
            display: inline-block;
            height: 14px;
            width: 14px;
            background: url(https://static.xmt.cn/img/5cbb21e83cca4cbe86b223be52c134ff.png) no-repeat;
            background-size: contain;
            vertical-align: middle;
            margin-right: 5px;
            position: relative;
            top: -1px
        }
    </style>
    <style type="text/css">
        .xmt-toast {
            position: fixed;
            top: 0;
            left: 0;
            text-align: center;
            width: 100%;
            z-index: 10000
        }

        .xmt-toast .xmt-toast-inner {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            padding: 0 20px;
            min-width: 280px;
            border-radius: 4px;
            color: #fff
        }

        .xmt-toast .xmt-toast-inner.err {
            background-color: #ed6f6a
        }

        .xmt-toast .xmt-toast-inner.succ {
            background-color: #1b93fb
        }

        .xmt-toast .xmt-toast-inner.inform {
            background-color: #eaa000
        }

        .xmt-search-img {
            cursor: pointer
        }

        .xmt-search-img,
        .xmt-search-img:before {
            display: inline-block;
            width: 40px;
            height: 40px
        }

        .xmt-search-img:before {
            content: "";
            background: url() no-repeat;
            background-size: contain;
            vertical-align: middle
        }

        .xmt-search-img:hover:before {
            background: url() no-repeat;
            background-size: contain;
            vertical-align: middle
        }

        .xmt_tb_coupon_tip {
            background: url("https://cdn.gwdang.com/images/extensions/newbar/coupon_02.png") no-repeat;
            position: absolute;
            top: 0;
            right: 15px;
            color: #ff173f !important;
            font-size: 14px;
            height: 23px;
            width: 92px;
            text-decoration: none !important;
            z-index: 1
        }

        .sc-icon-drop,
        .xmt_tb_coupon_tip {
            display: inline-block;
            text-align: center
        }

        .sc-icon-drop {
            position: relative;
            float: right;
            background: #1aad19;
            width: 30px;
            height: 36px;
            border-left: 1px solid #5fc55e;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            cursor: pointer
        }

        .sc-icon-drop:hover {
            background: #0b920a
        }

        .sc-icon-drop img {
            width: 10px;
            height: 5px;
            position: relative;
            top: 4px
        }

        .weui-desktop-btn.left-btn {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .xmt-create-btn-sc {
            position: absolute;
            width: 100px;
            height: 36px;
            line-height: 36px;
            color: #999;
            text-align: center;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
            border-radius: 3px;
            right: 31px;
            top: 40px;
            background: #fff;
            z-index: 9
        }

        .xmt-batch-excel,
        .xmt-batch-remove {
            color: #999
        }

        .xmt-batch-excel:after,
        .xmt-batch-remove:after {
            content: "";
            display: inline-block;
            width: 10px;
            height: 5px;
            background: url() no-repeat;
            background-size: contain;
            vertical-align: middle;
            margin-left: 5px
        }

        #xmt_call_datepicker_btn {
            margin-right: 40px
        }

        .appmsg-side__wrapper,
        .pop-opr__list {
            position: relative
        }

        .pop-opr__list {
            z-index: 10
        }

        .appmsg_input_area .edui-editor-iframeholder {
            padding-right: 0
        }

        .appmsg_preview_container {
            width: 280px
        }

        .page_appmsg_new .weui-desktop-layout__main__bd {
            margin-left: 0
        }

        .tpl_item .icon_media_choose {
            background-position: 0;
            padding-left: 24px;
            padding-top: 0
        }

        .js_appmsg_item.appmsg_item_wrp,
        .preview_media_add_wrp {
            position: relative;
            z-index: 9
        }

        .tpl_item.ads .icon_media_choose {
            background-image: url();
            padding-left: 28px;
            padding-top: 3px
        }

        .mp-head {
            position: relative;
            z-index: 9
        }

        .page_appmsg_new .tool_area_wrp {
            padding-left: 0
        }

        .page_appmsg_new.edit_fixed .xmt-sidebar-func {
            top: -80px
        }

        .page_appmsg_new.edit_fixed .func-content {
            bottom: 0 !important
        }
    </style>
    <style type="text/css">
        .xmt-collect-video {
            display: inline-block;
            width: 110px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #36363e;
            border-radius: 15px;
            text-align: center;
            color: #1b93fb !important;
            vertical-align: top
        }

        .xmt-collect-video:before {
            content: "";
            display: inline-block;
            width: 22px;
            height: 22px;
            background: url(https://webxmt.image.alimmdn.com/png/logo.png) no-repeat;
            background-size: contain;
            vertical-align: middle;
            margin-right: 5px;
            position: relative;
            top: -1px
        }

        .xmt-collect-video:hover {
            color: #fff !important;
            border: 1px solid #1b93fb;
            background: #1b93fb
        }

        .xmt-collect-video:hover:before {
            background: url(https://webxmt.image.alimmdn.com/png/logo-hover.png) no-repeat;
            background-size: contain
        }
    </style>
    <style type="text/css">
        .xmt-depth-search {
            right: 10px;
            top: 10px
        }

        .xmt-depth-search,
        .xmt-depth-sec-search {
            position: absolute;
            display: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            border: 1px solid #93b2f7;
            text-align: center;
            border-radius: 20px;
            color: #3a65cc;
            background: #e6efff;
            text-decoration: none !important;
            cursor: pointer
        }

        .xmt-depth-sec-search {
            right: 30px;
            top: 5px;
            z-index: 10
        }
    </style>
    <style type="text/css">
        #xmt-double {
            cursor: pointer
        }

        #xmt-double.three {
            position: fixed;
            left: 50%;
            bottom: 560px;
            margin-left: 501px;
            width: 120px;
            height: 110px;
            z-index: 99999
        }

        #xmt-double.hao {
            position: absolute;
            width: 120px;
            height: 110px;
            top: -300px;
            left: -9
        }

        #xmt-double.qt {
            position: absolute;
            width: 100px;
            height: 80px;
            top: -15px;
            left: 0
        }

        #xmt-double.qk {
            position: fixed;
            width: 120px;
            height: 120px;
            top: 200px;
            left: 80px
        }

        #xmt-double.sh,
        #xmt-double.tt {
            right: 0
        }

        #xmt-double.bd,
        #xmt-double.sh,
        #xmt-double.tt {
            position: fixed;
            width: 120px;
            height: 120px;
            top: 400px
        }

        #xmt-double.bd {
            right: 20px
        }

        #xmt-double.tb {
            position: absolute;
            z-index: 4;
            top: 380px;
            right: 50%;
            width: 120px;
            text-align: center;
            margin-right: -710px
        }

        #xmt-double.wy {
            width: 120px;
            height: 120px;
            position: fixed;
            left: 50%;
            margin-left: 600px;
            bottom: 350px;
            z-index: 999
        }

        #xmt-double.ifeng {
            position: fixed;
            display: block;
            right: 0;
            width: 120px;
            z-index: 100;
            top: 300px
        }

        #xmt-double img {
            width: 100%
        }

        #xmt-double .close {
            position: absolute;
            height: 14px;
            width: 14px;
            top: 0;
            right: 0;
            cursor: pointer
        }

        #xmt-tb-double {
            cursor: pointer;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: rgba(0, 0, 0, .6);
            z-index: 999
        }

        #xmt-tb-double .content {
            position: absolute;
            width: 250px;
            left: 50%;
            margin-left: -135px;
            top: 50%;
            margin-top: -160px
        }

        #xmt-tb-double .content img {
            width: 100%
        }

        #xmt-tb-double .content .close {
            position: absolute;
            width: 44px;
            height: 44px;
            left: 100px;
            bottom: -50px
        }

        .xmt-shop-fanxian {
            color: #ff4401;
            padding: 5px 20px;
            border: 1px solid #f0cab6;
            position: absolute;
            display: inline-block;
            line-height: normal;
            background: #f6f6f6;
            cursor: pointer
        }

        .xmt-shop-fanxian.tb {
            left: 410px;
            top: 6px
        }

        .xmt-shop-fanxian.tm {
            left: 500px;
            top: 10px
        }

        .xmt-shop-fanxian:hover {
            text-decoration: none
        }

        .xmt-shop-contact {
            position: absolute;
            width: 140px;
            height: 167px;
            padding: 20px;
            background: #fff;
            box-shadow: 0 1px 6px rgba(0, 0, 0, .14);
            text-align: center;
            z-index: 9999
        }

        .xmt-shop-contact.tmall {
            left: 470px;
            top: 55px
        }

        .xmt-shop-contact.taobao {
            left: 385px;
            top: 55px
        }

        .xmt-shop-contact #canvas {
            width: 140px !important;
            height: 140px !important
        }

        .xmt-shop-contact.taobao p {
            margin-top: -20px
        }

        .xmt-shop-contact p {
            color: #333
        }

        .xmt-shop-contact.popover.bottom>.arrow {
            top: -11px;
            left: 50%;
            margin-left: -11px;
            border-top-width: 0;
            border-bottom-color: rgba(0, 0, 0, .09)
        }

        .xmt-shop-contact.popover>.arrow {
            border-width: 11px
        }

        .xmt-shop-contact.popover>.arrow,
        .xmt-shop-contact.popover>.arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid
        }

        .xmt-shop-contact.popover.bottom>.arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff
        }

        .xmt-shop-contact.popover>.arrow:after {
            content: "";
            border-width: 10px
        }
    </style>
    <style type="text/css">
        #js_content {
            background-color: #fff
        }

        #activity-name,
        #js_pc_qr_code,
        #js_preview_reward,
        #js_preview_reward_qrcode,
        #js_sponsor_ad_area,
        .rich_media_meta_list,
        .rich_media_tool {
            transition: opacity .2s linear
        }

        #js_pc_qr_code .qr_code_pc {
            width: 170px !important;
            right: -170px !important
        }

        .xmt-styleArticle-collect {
            color: #717375;
            text-align: center;
            width: 140px;
            padding: 15px;
            font-size: 14px;
            box-shadow: 0 0 1px #708ca696;
            border-radius: 4px;
            right: -170px;
            position: absolute;
            top: 210px;
            background-color: #fff;
            display: inline-block
        }

        .xmt-styleArticle-collect:before {
            content: "";
            display: inline-block;
            width: 125px;
            margin: 10px 0;
            height: 30px;
            background: url("https://static.xmt.cn/img/3a7e9511d572423b8a959b560be65a1c.png") no-repeat 50%;
            background-size: contain
        }

        .xmt-styleArticle-collect li:first-child,
        .xmt-styleArticle-collect li:nth-child(2) {
            margin-top: 0
        }

        .xmt-styleArticle-collect li {
            list-style: none;
            font-size: 12px;
            float: left;
            text-align: center;
            width: 50%;
            margin-top: 20px;
            cursor: pointer
        }

        .xmt-styleArticle-collect li:hover {
            color: #0590ff
        }

        .xmt-styleArticle-collect li:before {
            content: "";
            display: block;
            width: 20px;
            margin: 0 auto;
            height: 18px;
            margin-bottom: 6px
        }

        .xmt-styleArticle-collect .xmt-collectArticle:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-collectArticle:hover:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-collectStyle:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-accountSearch:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-accountSearch:hover:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-collectStyle:hover:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-someArticle:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-someArticle:hover:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-readCover:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-readCover:hover:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-genLongImg:before {
            background: url() no-repeat;
            background-size: contain
        }

        .xmt-styleArticle-collect .xmt-genLongImg:hover:before {
            background: url() no-repeat;
            background-size: contain
        }

        #xmt-articlecollect-start,
        #xmt-stylecollect-start {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            width: 90px;
            font-size: 12px;
            color: #fff;
            -webkit-appearance: none;
            border: none;
            background-color: #1b93fb;
            border-radius: 30px;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
            outline: none;
            margin-top: 5px
        }

        #xmt-stylecollect-start.cancel {
            background-color: #d9dadc;
            color: #717375
        }

        #xmt-stylecollect-start-tip {
            position: fixed;
            width: 400px;
            top: 200px;
            left: 50%;
            margin-left: -175px;
            height: 40px;
            line-height: 41px;
            font-size: 16px;
            color: #fff;
            border-radius: 20px;
            background-color: #222;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            opacity: .8;
            z-index: 1000
        }

        #xmt-stylecollect-exit {
            display: inline-block;
            padding: 0 10px;
            height: 24px;
            line-height: 26px;
            background-color: #636363;
            border-radius: 4px;
            margin-left: 10px;
            font-size: 14px;
            vertical-align: initial;
            cursor: pointer
        }

        #xmt-stylecollect-mask {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 100;
            cursor: crosshair
        }

        #xmt-stylecollect-block {
            position: absolute;
            background-color: hsla(52, 95%, 69%, .1);
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            cursor: hand;
            visibility: hidden;
            cursor: -webkit-grab;
            cursor: grab
        }

        #xmt-stylecollect-block.dragging {
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

        #xmt-stylecollect-block.clipping {
            cursor: crosshair
        }

        .xmt-stylecollect-borders div {
            position: absolute;
            background-color: rgba(27, 147, 251, .5);
            background-image: url()
        }

        .xmt-stylecollect-borders .border-top {
            height: 1px;
            left: 0;
            right: 0;
            top: 0;
            background-repeat: repeat-x
        }

        .xmt-stylecollect-borders .border-right {
            width: 1px;
            right: 0;
            top: 0;
            bottom: 0;
            background-repeat: repeat-y
        }

        .xmt-stylecollect-borders .border-bottom {
            height: 1px;
            left: 0;
            right: 0;
            bottom: 0;
            background-repeat: repeat-x
        }

        .xmt-stylecollect-borders .border-left {
            width: 1px;
            left: 0;
            bottom: 0;
            top: 0;
            background-repeat: repeat-y
        }

        .xmt-selected {
            position: relative
        }

        .xmt-selected:after {
            content: "";
            background-color: rgba(27, 147, 251, .2);
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 10
        }

        #xmt-stylecollect-tip {
            position: absolute;
            top: -30px;
            left: 0;
            padding-bottom: 15px
        }

        #xmt-stylecollect-tip .xmt-func-btn {
            background: rgba(0, 0, 0, .8);
            color: #fff;
            height: 30px;
            line-height: 30px;
            border-radius: 20px;
            position: relative;
            top: -5px
        }

        #xmt-stylecollect-start {
            margin-bottom: 15px
        }

        #xmt-stylecollect-tip .xmt-func-btn {
            min-width: 200px;
            text-align: center;
            cursor: default;
            margin-left: 0;
            vertical-align: top;
            box-sizing: border-box
        }

        #xmt-stylecollect-func {
            position: absolute;
            bottom: -46px;
            right: 0;
            white-space: nowrap;
            padding: 8px 0;
            color: #333;
            background-color: #fafafa;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);
            border: 1px solid #e8e8e8;
            border-radius: 2px;
            font-size: 12px
        }

        #xmt-stylecollect-func #xmt-stylecollect-collect:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-right: 5px;
            background: url(https://static.xmt.cn/img/4656397fe4ed4aed9c995797be1818b6.png) no-repeat;
            background-size: contain;
            vertical-align: middle
        }

        #xmt-stylecollect-func #xmt-stylecollect-save:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-right: 5px;
            background: url(https://static.xmt.cn/img/4656b0711476414ca3add374743a1835.png) no-repeat;
            background-size: contain;
            vertical-align: middle;
            position: relative;
            top: -1px
        }

        .xmt-func-btn {
            display: inline-block;
            padding: 0 10px;
            vertical-align: bottom;
            height: 24px;
            line-height: 24px;
            color: #333;
            font-size: 12px;
            text-align: center;
            margin-left: 10px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .xmt-stylecollect-handle {
            position: absolute;
            width: 16px;
            height: 16px;
            min-width: 16px;
            min-height: 16px;
            text-align: center;
            line-height: 16px
        }

        .xmt-stylecollect-handle:after {
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            vertical-align: top;
            margin-top: 2px;
            background-color: #1b93fb;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border: 1px solid #fff
        }

        #block-handle-b:after,
        #block-handle-l:after,
        #block-handle-r:after,
        #block-handle-t:after {
            width: 8px;
            height: 8px;
            margin-top: 3px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

        #block-handle-bl:hover:after,
        #block-handle-br:hover:after,
        #block-handle-tl:hover:after,
        #block-handle-tr:hover:after {
            width: 14px;
            height: 14px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            margin-top: 0
        }

        #xmt-stylecollect-block.clipping .xmt-stylecollect-handle {
            display: none
        }

        #block-handle-tl {
            top: -8px;
            left: -8px;
            cursor: nwse-resize
        }

        #block-handle-t {
            top: -8px;
            left: 50%;
            margin-left: -8px;
            cursor: ns-resize
        }

        #block-handle-tr {
            top: -8px;
            right: -8px;
            cursor: nesw-resize
        }

        #block-handle-l {
            left: -8px
        }

        #block-handle-l,
        #block-handle-r {
            top: 50%;
            margin-top: -8px;
            cursor: ew-resize
        }

        #block-handle-r {
            right: -8px
        }

        #block-handle-bl {
            bottom: -8px;
            left: -8px;
            cursor: nesw-resize
        }

        #block-handle-b {
            bottom: -8px;
            left: 50%;
            margin-left: -8px;
            cursor: ns-resize
        }

        #block-handle-br {
            bottom: -8px;
            right: -8px;
            cursor: nwse-resize
        }

        #xmt-stylecollect-alert {
            display: none;
            position: absolute;
            width: 180px;
            height: 140px;
            padding-top: 40px;
            left: 50%;
            margin-left: -70px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            color: #fff;
            text-align: center;
            background-color: rgba(0, 0, 0, .7)
        }

        #xmt-stylecollect-alert:before {
            content: "";
            display: block;
            width: 45px;
            height: 31px;
            margin: 0 auto 15px;
            font-size: 18px;
            background-image: url();
            background-repeat: no-repeat;
            -webkit-background-size: contain;
            background-size: contain;
            background-position: 50%
        }

        #xmt-stylecollect-alert.fail:before {
            background-image: url()
        }

        .xmt_cover-download {
            position: fixed;
            left: 50%;
            top: 50%;
            width: 660px !important;
            margin-left: -330px;
            margin-top: -220px;
            background: #fff;
            z-index: 99999999
        }

        .xmt_cover-download img {
            margin: 10px;
            width: 640px
        }

        .xmt_cover-download .bom {
            border-top: 1px solid #e8e8e8;
            height: 50px;
            font-size: 12px
        }

        .xmt_cover-download .bom a {
            cursor: pointer;
            margin-top: 10px;
            width: 90px;
            height: 30px;
            border-radius: 20px;
            display: inline-block;
            text-align: center;
            line-height: 30px;
            margin-left: 160px
        }

        .xmt_cover-download .bom a:hover {
            text-decoration: none
        }

        .xmt_cover-download .bom .download {
            background: #1b93fb;
            color: #fff
        }

        .xmt_cover-download .bom .download:hover {
            background: #1b4ffb
        }

        .xmt_cover-download .bom .cancel {
            border: 1px solid #e7e7eb;
            color: #999
        }

        .xmt_cover-download .bom .cancel:hover {
            background-color: #e7e7eb
        }

        .xmt-toast-collect {
            position: fixed;
            top: 300px;
            left: 50%;
            margin-left: -240px;
            width: 480px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            background: rgba(0, 0, 0, .8);
            color: #fff;
            border-radius: 8px
        }

        .xmt-toast-collect:before {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            background: url(https://static.xmt.cn/img/ea86caf2fbcf4034b3e152141bd01280.png) no-repeat;
            background-size: contain;
            vertical-align: middle;
            margin-right: 10px;
            position: relative;
            top: -1px
        }

        .xmt-toast-collect a {
            color: #fff;
            text-decoration: underline;
            margin-left: 5px
        }
    </style>
</head>

<body id="body-wrap" class="home">
<script src="{{ URL::asset('/') }}js/hm.js"></script>
<script src="{{ URL::asset('/') }}/js/bl.js" crossorigin=""></script>
<div class="com-header-wrap com-header-wrap-home">
    <script>
        ! function (c, b, d, a) {
            with(c[a] || (c[a] = {}), c[a].config = {
                pid: "e6zufio2qe@2adc6c032cb8ada",
                appType: "web",
                imgUrl: "https://arms-retcode.aliyuncs.com/r.png?",
                enableSPA: !0,
                sendResource: !0
            }, b) with(body) with(insertBefore(createElement("script"), firstChild)) setAttribute("crossorigin", "", src =
                d)
        }(window, document, "https://retcode.alicdn.com/retcode/bl.js", "__bl")
    </script>
    <div class="com-header"><a href="https://www.kuaishou.com/" class="header-logo">
            <span class="logo-bg"></span>
            <i class="iconfont icon-ks-logo"></i></a>
        <ul class="list">
            <li class="item">
                <a href="/" class="nav checked" id="home" group-id="home" title="首页">首页</a>
            </li>
        </ul>
        <div class="header-home">
            <h1 class="header-home-2 no-user-select">圈记，承载梦想，传递价值!</h1>
            <div class="header-qr-wrap header-home-3">
                <div class="header-home-qr"></div>
                <p class="qrcode">扫描下载 圈记</p>
            </div>
            {{--<div class="header-qr-wrap header-home-4">--}}
                {{--<div class="header-home-qr"></div>--}}
                {{--<p class="qrcode">扫描下载 直播伴侣</p><a class="download-partner"--}}
                                                  {{--href="https://www.kuaishou.com/api/download?appName=livemate">下载 PC 直播伴侣</a>--}}
            {{--</div>--}}
        </div>
    </div>
</div>
<div class="com-body">
    <div class="com-main-wrap">
        <div class="com-main no-user-select">
            <div class="home-wrap">
                <div class="video-wrap main-item">
                    <h2>同一个兴趣，同一个梦。</h2>
                    <p>无论你远在何方，圈记一触即达。</p>
                    <ul class="video-list">
                        <li id="video1">
                            <div class="mask"></div>
                            <div class="border hide"></div>
                            <div class="play"></div>
                            <div class="pause hide"></div><video width="176" height="204" data-index="1" preload="auto"
                                                                 src="//static.yximgs.com/s1/videos/home-2.mp4"></video>
                        </li>
                        <li id="video2">
                            <div class="mask"></div>
                            <div class="border hide"></div>
                            <div class="play"></div>
                            <div class="pause hide"></div><video width="176" height="204" data-index="2" preload="auto"
                                                                 src="//static.yximgs.com/s1/videos/home-1.mp4"></video>
                        </li>
                        <li id="video3">
                            <div class="mask"></div>
                            <div class="border hide"></div>
                            <div class="play"></div>
                            <div class="pause hide"></div><video width="176" height="204" data-index="3" preload="auto"
                                                                 src="//static.yximgs.com/s1/videos/www_main-059ce9beee.mp4"></video>
                        </li>
                    </ul>
                    <div class="video-phone"></div>
                </div>
                <div class="pic-wrap main-item">
                    <h2>不同的圈子，不同的人生</h2>
                    <p>曾有一个机会摆在我面前，我没有珍惜，</p>
                    <p>等到过去了才发现，他们都成功了，而我还是我。</p>
                    <p>圈记，用美好的方式承载生活的梦想，一种更自由的生活方式。</p>
                    <div class="pic">
                        <div class="pic-item pic-item-1"></div>
                        <div class="pic-item pic-item-2"></div>
                        <div class="pic-item pic-item-3"></div>
                        <div class="pic-item pic-item-4"></div>
                        <div class="pic-item pic-item-5"></div>
                        <div class="pic-item pic-item-6"></div>
                        <div class="pic-item pic-item-7"></div>
                    </div>
                    <div class="pic-phone">
                        <div class="star"></div>
                    </div>
                    <div class="bg-extend"></div>
                </div>
                <div class="distance-wrap main-item">
                    <h2>忠于自我，成就梦想</h2>
                    <p>无畏的逐梦人孤独出发，路途中有圈记不孤单。</p>
                    <p>一个有情感的移动互联网社群创业平台，零成本启动创业，</p>
                    <p>即刻开始更有价值的创业旅程。</p>
                    <div class="distance-phone"></div>
                    <div class="distance-show">
                        <div class="core"></div>
                        <div class="core-1"></div>
                        <div class="core-2"></div>
                        <div class="core-3"></div>
                        <div class="core-4"></div>
                    </div>
                </div>
                <div class="pic-wrap main-item">
                    <h2>携手共进，并肩前行</h2>
                    <p>加入我们那一刻起，我们就要开始并肩同行</p>
                    <p>完善的培训体系，专业的运营理念，广阔的市场支撑。</p>
                    <div class="pic">
                        <div class="pic-item pic-item-1"></div>
                        <div class="pic-item pic-item-2"></div>
                        <div class="pic-item pic-item-3"></div>
                        <div class="pic-item pic-item-4"></div>
                        <div class="pic-item pic-item-5"></div>
                        <div class="pic-item pic-item-6"></div>
                        <div class="pic-item pic-item-7"></div>
                    </div>
                    <div class="pic-phone">
                        <div class="star"></div>
                    </div>
                    <div class="bg-extend"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="com-footer-wrap">
    <div class="com-footer">
        <p class="info"><span>www.diandao.net.cn <span id="this-year">2019</span></span> <span>@ All rights Reserved</span>
            <span>京ICP备07035647号-4</span>
        </p>
    </div>
</div>
<script type="text/javascript" src="{{ URL::asset('/') }}js/ks-log.1.0.16.js"></script>
<script src="{{ URL::asset('/') }}js/vendor-9a91a006.js"></script>
<script src="{{ URL::asset('/') }}js/manifest-7d90bd1e.js"></script>
<script src="{{ URL::asset('/') }}js/index-ea7db2e2.js"></script>

</body>

</html>